/**
 * 通用样式
 */
export default {
  /**
   * Ant Design Vue >>> 固定抽屉页头
   */
  antdDrawerHeader: {
    position: 'absolute',
    width: '100%',
    zIndex: 1,
  },
  /**
   * Ant Design Vue >>> 固定抽屉页脚
   */
  antdDrawerFooter: {
    position: 'absolute',
    right: 0,
    bottom: 0,
    width: '100%',
    borderTop: '1px solid #e9e9e9',
    padding: '10px 16px',
    background: '#fff',
    textAlign: 'right',
    zIndex: 1,
  },
  /**
   * Ant Design Vue >>> 分页条数
   */
  antdPaginationPageSizeOptions: [
    '10',
    '50',
    '100',
    '500',
    '1000',
    '5000',
  ],
  /**
   * Ant Design Vue >>> 分页总数据量
   */
  antdPaginationShowTotal(total, range) {
    return `共 ${total} 条数据`
    return `当前 ${range[0]} - ${range[1]} 条 / 共 ${total} 条数据`
  },
  /**
   * 元素向左浮动
   */
  floatLeft: {
    'float': 'left'
  },
  /**
   * 元素向右浮动
   */
  floatRight: {
    'float': 'right'
  },
  /**
   * 把文本排列到左边
   */
  textAlignLeft: {
    'text-align': 'left'
  },
  /**
   * 把文本排列到右边
   */
  textAlignRight: {
    'text-align': 'right'
  },
  /**
   * 把文本排列到中间
   */
  textAlignCenter: {
    'text-align': 'center'
  },
  /**
   * div水平居中
   */
  marginAuto: {
    'margin': '0 auto'
  },
  /**
   * 元素的外边距相同
   */
  marginSame(value: number) {
    return {
      'margin': `${value}px ${value}px ${value}px ${value}px`
    }
  },
  /**
   * 元素的外边距
   */
  margin(top: number, right: number, bottom: number, left: number) {
    return {
      'margin': `${top}px ${right}px ${bottom}px ${left}px`
    }
  },
  /**
   * 元素的上外边距
   */
  marginTop(value: number) {
    return {
      'margin-top': `${value}px`
    }
  },
  /**
   * 元素的右外边距
   */
  marginRight(value: number) {
    return {
      'margin-right': `${value}px`
    }
  },
  /**
   * 元素的下外边距
   */
  marginBottom(value: number) {
    return {
      'margin-bottom': `${value}px`
    }
  },
  /**
   * 元素的左外边距
   */
  marginLeft(value: number) {
    return {
      'margin-left': `${value}px`
    }
  },
  /**
   * 元素的内边距相同
   */
  paddingSame(value: number) {
    return {
      'padding': `${value}px ${value}px ${value}px ${value}px`
    }
  },
  /**
   * 元素的内边距
   */
  padding(top: number, right: number, bottom: number, left: number) {
    return {
      'padding': `${top}px ${right}px ${bottom}px ${left}px`
    }
  },
  /**
   * 元素的上内边距
   */
  paddingTop(value: number) {
    return {
      'padding-top': `${value}px`
    }
  },
  /**
   * 元素的右内边距
   */
  paddingRight(value: number) {
    return {
      'padding-right': `${value}px`
    }
  },
  /**
   * 元素的下内边距
   */
  paddingBottom(value: number) {
    return {
      'padding-bottom': `${value}px`
    }
  },
  /**
   * 元素的左内边距
   */
  paddingLeft(value: number) {
    return {
      'padding-left': `${value}px`
    }
  },
  /**
   * 元素的宽度
   */
  width(value: number | string) {
    return {
      'width': String(value).endsWith('%') ? value : `${value}px`
    }
  },
  /**
   * 元素的高度
   */
  height(value: number | string) {
    return {
      'height': String(value).endsWith('%') ? value : `${value}px`
    }
  },
}
